﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/taglibs.jsp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>解决方案--内容页</title>
    <link href="${contextPath}/acss/sidetoolbar.css" rel="stylesheet" />
    <link href="${contextPath}/acss/hyzx.css" rel="stylesheet" />
    <link href="${contextPath}/acss/index.css" rel="stylesheet" />
    <link href="${contextPath}/acss/solutecase_content.css" rel="stylesheet" />
    <link href="${contextPath}/acss/common.css" rel="stylesheet" />
    <link href="${contextPath}/acss/hyzx_content.css" rel="stylesheet" />
    <script src="${contextPath}/js/jquery-1.2.6.pack.js"></script>
</head>

<body>
            

	<%@include file="../common/header.jsp" %>


    
    <div class="container">
        <div class="navlevel">
            <span class="firstlevel">解决方案 ></span>
            <span class="nextlevel">主要内容</span>
        </div>
        <div class="fontContent">
            <div style="display: inline-block; width: 850px; height: 60px; background: #ffffff;">
                <h4>${project.projTitle }</h4>
                <div class="topmark">
                    <label><fmt:formatDate value="${project.createTime}" pattern="yyyy年MM月dd日 HH:mm:ss "></fmt:formatDate></label>
                    <label>来源：${project.projFrom }</label>
                    <label>查看数量：<a href="#">3625</a></label>
                    <a class="keepmess" href="#">收藏此信息>></a>
                </div>
            </div>
            ${project.projContent }
        </div>

        <div class="right_list">
            <!--区块（热门标签）-->

            <div class="share">
                <a class="sina"></a>
                <a class="tenxunwb"></a>
                <a class="weixin"></a>
                <a class="youxiang"></a>
                <a class="qq"></a>
                <a class="rss"></a>
            </div>


            <div class="logo_ico">
                <div class="bidtop">
                    <div class="logotitle">
                        <span>LOGO</span>
                    </div>

                    <div class="photo_logo">
                    	<img alt="logo" src="${integrator.logoPath }"/>
                    </div>
                </div>

            </div>
            <div class="company_ico">
                <div class="bidtop">
                    <div class="logotitle">
                        <span>${integrator.inteName }</span>
                    </div>

                    <div class="aboutcompany">
                        <span>地址：${integrator }</span><br />
                        <span>网址：www.chinsi.com</span><br />
                        <span>电话：4006-208-818</span><br />
                        <span>邮件：chinsi@163.com</span><br />
                    </div>
                </div>

            </div>


            <div id="sideToolbar" style="position: fixed; top: 140px; left: 1050px;">
                <div id="sideCatalog" class="sideCatalogBg" style="visibility: visible;">
                    <div id="sideCatalog-sidebar">
                        <div class="sideCatalog-sidebar-top"></div>
                        <div class="sideCatalog-sidebar-bottom"></div>
                    </div>
                    <!--        <div id="sideCatalog-updown">
            <div id="sideCatalog-up" class="sideCatalog-up-disable" title="向上翻页"></div>
            <div id="sideCatalog-down" class="sideCatalog-down-enable" title="向下翻页"></div>
        </div>-->
                    <div id="sideCatalog-catalog">
                        <dl style="width: 175px; zoom: 1">
                            <dd data-id="xtgs" class="sideCatalog-item1 highlight "><span class="sideCatalog-index1">1</span><a href="#1" class="nslog:1026" title="系统概述" onclick="return false;">第1章 系统概述</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="fatd" class="sideCatalog-item1"><span class="sideCatalog-index1">2</span><a href="#2" class="nslog:1026" title="方案特点" onclick="return false;">第2章 方案特点</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="ztjg" class="sideCatalog-item1"><span class="sideCatalog-index1">3</span><a href="#3" class="nslog:1026" title="总体架构" onclick="return false;">第3章 总体架构</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="xtgn" class="sideCatalog-item1"><span class="sideCatalog-index1">4</span><a href="#4" class="nslog:1026" title="系统功能" onclick="return false;">第4章 系统功能</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="cgal" class="sideCatalog-item1"><span class="sideCatalog-index1">5</span><a href="#5" class="nslog:1026" title="成功案例" onclick="return false;">第5章 成功案例</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="cgal_1" class="sideCatalog-item2"><span class="sideCatalog-index2">5.1</span><a href="#5_1" class="nslog:1026" title="户改论文" onclick="return false;">户改论文</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="cgal_2" class="sideCatalog-item2"><span class="sideCatalog-index2">5.2</span><a href="#5_2" class="nslog:1026" title="时间漫画" onclick="return false;">时间漫画</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="cgal_3" class="sideCatalog-item2"><span class="sideCatalog-index2">5.3</span><a href="#5_4" class="nslog:1026" title="获赠球衣" onclick="return false;">获赠球衣</a><span class="sideCatalog-dot"></span></dd>
                            <dd data-id="cgal_4" class="sideCatalog-item2"><span class="sideCatalog-index2">5.4</span><a href="#5_4" class="nslog:1026" title="获赠勋章" onclick="return false;">获赠勋章</a><span class="sideCatalog-dot"></span></dd>

                        </dl>
                    </div>
                </div>
                <a id="sideCatalogBtn" href="javascript:void(0);" style="visibility: visible;" class=""></a><a id="sideToolbar-up" href="javascript:void(0)" style="visibility: visible;"></a>
            </div>

















        </div>






    </div>




    <div class="tuijian">

        <div class="tuijbottom" style="">



            <!--区块（招标信息）-->
            <div class="bid_mess" style="height: 188px; display: inline-block; float: left; width: 582px;">
                <div class="bidtop" style="width: 550px;">
                    <div class="bidtitle" style="width: 560px;">
                        <span>相关咨询</span>            <a href="javascript:void(0)">换一换</a>
                    </div>


                </div>
                <div class="bidlist">
                    <ul>
                        <li><span class="usertype">用户</span><label>太旧高速公路视频数字化改造设备采购安装招标公告</label></li>
                        <li><span class="usertype">专家</span><label>太旧高速公路视频数字化改造设备采购安装招标公告</label></li>
                        <li><span class="usertype">企业</span><label>太旧高速公路视频数字化改造设备采购安装招标公告</label></li>
                        <li><span class="usertype">媒体</span><label>太旧高速公路视频数字化改造设备采购安装招标公告</label></li>

                    </ul>
                </div>
            </div>
            <!--区块（可能感兴趣）-->
            <div class="bid_mess" style="height: 188px; display: inline-block; float: left; margin-left: 30px; width: 582px;">
                <div class="bidtop">
                    <div class="bidtitle" style="width: 560px;">
                        <span>可能感兴趣</span>        <a href="javascript:void(0)">换一换</a>
                    </div>

                </div>
                <div class="bidlist">

                    <div class="hobbyinfo">
                        <img src="../images/clw.png" width="155" height="110" />
                        <span>不仅伤肺，还伤脑</span>
                    </div>
                    <div class="hobbyinfo">
                        <img src="../images/clw.png" width="155" height="110" />
                        <span>不仅伤肺，还伤脑</span>
                    </div>
                    <div class="hobbyinfo">
                        <img src="../images/clw.png" width="155" height="110" />
                        <span>不仅伤肺，还伤脑</span>
                    </div>

                </div>
            </div>






        </div>
    </div>
    
    <script>
    $(function () {


        $("#sideCatalog-catalog dl dd").on("click", function () {


	            var Value = $(this).attr("data-id");
	
	            var topc = $(".fontContent section[data-id=" + Value + "]").offset().top;
	            $("html,body").animate({ scrollTop: topc - 120 }, 600);
	            $("#sideCatalog-catalog dl dd").removeClass("highlight");
	            $(this).addClass("highlight");
	
	        });
	 });
	
	
    $(document).ready(function () {
        $(window).scroll(function () {
            var sidebar_bottom = $(document).scrollTop();
            console.log(sidebar_bottom);
            if (sidebar_bottom > 520) {
                $("#sideCatalog").css("top", "10px");
                $("#sideCatalog").show();
            } else {



                $("#sideCatalog").hide();
            }




        });
	
	});
    
    </script>

    <%@include file="../common/footer.jsp" %>
</body>
</html>
